@font-face {
  font-family: 'MyWebFont';
  src: url('../font/11.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@charset "utf-8";

/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #ed1b00;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*底部按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 12px;height: 12px;margin: -2px 8px 0 0;;border: 1px solid #fff;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.custom-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.custom-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33%;}
.custom-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.custom-form .row .info-content{margin-left: 5em;}
.custom-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input[type="text"]:focus{border-color: #009adc;}
.custom-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #009adc;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #009adc;}
.custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.custom-form .upload-avatar input[type="file"]{display: none;}
.custom-form .upload-avatar .avatar{height: 100%;}
.custom-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form *::-webkit-input-placeholder{color: #ccc;}
/*公用*/
.w1366{max-width: 1366px; width: 96%; height: 100%; margin: 0 auto;}

body{ background: #faf8f8; }
#page{overflow: hidden;}

.indexFixed{ position: fixed; top: 402px; left: 10px; z-index: 30; transition: 0.3s;}
.indexFixed.indexFixed_right{ left: auto; right: 10px;}
.indexFixed span{ position: absolute; top: -10px; right: -10px; display: block; width: 20px; height: 20px; background: #eee; border-radius: 50%; color: #333; text-align: center; cursor: pointer;}
.indexFixed.indexFixed_right span{ right: auto; left: -10px;}

/*header*/
.header{ height: 322px; background: url(../images/headerBg.jpg) no-repeat center center; position: relative; z-index: 2; }
.header .w1366{ position: relative;}
.header .logo{ display: inline-block; position: relative; top: 50%; transform: translateY(-50%); -weblit-transform: translateY(-50%);}
.header .logoWord{ position: absolute; top: 50%; left: 55.6%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.header .logoWord img{ margin: 0 18px; animation: logoWord 0.4s forwards linear;-webkit-animation: logoWord 0.4s forwards linear; opacity: 0;}
.header .logoWord img:nth-child(1){animation-delay: 0.8s;}
.header .logoWord img:nth-child(2){animation-delay: 1s;}
.header .logoWord img:nth-child(3){animation-delay: 1.2s;}
.header .logoWord img:nth-child(4){animation-delay: 1.4s;}
@keyframes logoWord
{
    0%   {opacity: 0;-webkit-transform: scale(0); transform: scale(0)}
    100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
}

.logo .cn span{ font-size: 40px; color: #cf1800; font-weight: bold;}
.logo .en{font-size: 22px; color: #cf1800; font-family: arial; letter-spacing: 3px;}
.logo .cnTwo{ margin-top: 12px;}
.logo .enTwo{letter-spacing: 0.024em;}

.logo .animate span {
  display: inline-block;
}

.logo .animate span:nth-of-type(2) {
  animation-delay: .05s;
}

.logo .animate span:nth-of-type(3) {
  animation-delay: .1s;
}

.logo .animate span:nth-of-type(4) {
  animation-delay: .15s;
}

.logo .animate span:nth-of-type(5) {
  animation-delay: .2s;
}

.logo .animate span:nth-of-type(6) {
  animation-delay: .25s;
}

.logo .animate span:nth-of-type(7) {
  animation-delay: .3s;
}

.logo .animate span:nth-of-type(8) {
  animation-delay: .35s;
}

.logo .animate span:nth-of-type(9) {
  animation-delay: .4s;
}

.logo .animate span:nth-of-type(10) {
  animation-delay: .45s;
}
.logo .three span {
  color: #cf1800;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide 2.4s forwards;
}

@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #cf1800;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: #cf1800;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #ff8700;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #cf1800;
  }
}
.nav-box{background-color: #cf1800; position: relative; z-index: 1;}
.nav-box .nav > li{position: relative;float: left;line-height: 70px; }

.indexHeader .nav-box .nav > li{animation: nav 0.4s forwards linear;-webkit-animation: nav 0.4s forwards linear; opacity: 0; }
@keyframes nav
{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
.nav-box .nav > li:nth-child(2){animation-delay: 0.2s;}
.nav-box .nav > li:nth-child(3){animation-delay: 0.4s;}
.nav-box .nav > li:nth-child(4){animation-delay: 0.6s;}
.nav-box .nav > li:nth-child(5){animation-delay: 0.8s;}
.nav-box .nav > li:nth-child(6){animation-delay: 1s;}
.nav-box .nav > li:nth-child(7){animation-delay: 1.2s;}
.nav-box .nav > li:nth-child(8){animation-delay: 1.4s;}
.nav-box .nav > li:nth-child(9){animation-delay: 1.6s;}
.nav-box .nav > li:nth-child(10){animation-delay: 1.8s;}
.nav-box .nav > li:nth-child(11){animation-delay: 2s;}

.nav-box .nav > li > a{position: relative;display: block;padding: 0 40px;font-size: 22px;color: #fff;}
.nav-box .nav > li > a::before{content: ""; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 70px;width: 100%;min-width: 140px;background-color: rgba(207,24,0,.7);transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center; font-size: 16px; transition: 0.3s; -weblit-transition: 0.3s; color: #fff;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav > li > a:hover::before{ width: 42px;}
.nav-box .nav > li.on > a::before{width: 42px;}
.nav-box .nav-2nd > li > a:hover{background: #cf1800;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

/*手机导航*/
.menu-btn{display: none; position: relative; top: 50%; float: right; width: 24px;height: 24px;font-size: 0; margin-top: -12px; margin-left: 24px; cursor: pointer;}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #fff;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*通知公告*/
.partOne{background: #fff; margin-top: 28px; height: 100px; line-height: 100px; box-shadow: 0 0 10px rgba(0,0,0,0.06);  animation: notice 1s forwards linear;-webkit-animation: notice 1s forwards linear; position: relative; }
@keyframes notice
{
    0%   {opacity: 0; transform: translateY(-150px);}
    100% {opacity: 1; transform: translateY(0px);}
}

.partOne .box{ overflow: hidden; height: 100%;}
.partOne .box .notice-icon{position: relative; top: 50%; margin-top: -18px; float: left; padding-left: 28px;}
.partOne .box .textBox{ float: right; width: calc(100% - 100px); overflow: hidden; height: 100%;}
.partOne .textBox ul li{ position: relative; padding-left: 36px; box-sizing: border-box; width: 100%;}
.partOne .textBox ul li a{ display: block; position: relative;}
.partOne .textBox ul li::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: #ed1b00; opacity: 0.1; animation: float ease-in-out 2s infinite;}
@keyframes float {
	0% {
		opacity: 0.1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0.1;
	}
}
.partOne .textBox ul li::after{ content: ""; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background: rgba(207,24,0,1);}
.partOne .textBox ul li h2{ font-size: 35px; color: #ed1b00; font-weight: bold; padding-right: 150px; box-sizing: border-box;}
.partOne .textBox ul li .time{ position: relative; position: absolute; top: 50%; right: 16px; color: rgba(207,24,0,1); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.partOne .textBox ul li .time::before{ content: ""; position: absolute; top: 50%; left: -14px; width: 1px; height: 36px; background: rgba(207,24,0,0.5); margin-top: -18px;}
.partOne .textBox ul li .time b{color: #ed1b00; font-weight: bold; font-size: 24px;}

/*part2*/
.partTwo{margin-top: 28px; background: #fff; padding: 35px 28px;}
.partTwo .picNew{ position: relative; overflow: hidden;}
.partTwo .picNew ul li a{ display: block;}
.partTwo .picNew ul li .pic{ width: 46%; height: 370px; overflow: hidden;}
.partTwo .picNew ul li .pic em{display: block; height: 100%;}
.partTwo .picNew ul li .text{width: 50.9%;}
.partTwo .picNew ul li .text h3{ height: 72px; line-height: 72px; font-size: 30px; border-bottom: 3px #eeeeee solid;}
.partTwo .picNew ul li .text p{ font-size: 18px; color: #444444; line-height: 36px; height: 144px; text-align: justify; margin-top: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.partTwo .picNew ul li .text .time{ font-size: 16px; color: #222; margin-top: 51px;}
.partTwo .picNew ul li .text .inpageMore{margin-top: 18px;}
.partTwo .picNew ul li .text .more{position: relative; display: inline-block; height: 42px; line-height: 42px; width: 136px; text-align: center; background: #eeeeee; font-size: 16px; color: #3d3d3d; margin-top: 18px; transition: 0.4s; -webkit-transition: 0.4s;}
.partTwo .picNew ul li .text .more::before{ content: ""; position: absolute; right: -42px; top: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px #e5e5e5 solid; box-sizing: border-box; border-left: none; transition: 0.4s; -webkit-transition: 0.4s;}
.partTwo .picNew ul li .text .more::after{ content: ""; position: absolute; top: 50%; margin-top: -10px; right: -32px; width: 20px; height: 20px; background: url(../images/next.png) no-repeat 0 0; }
.partTwo .picNew ul li a:hover .text h3{color: #ed1b00;}
.partTwo .picNew ul li a .text .more:hover{background: #ed1b00; color: #fff;}
.partTwo .picNew ul li a .text .more:hover::before{background: #ed1b00; border-color: #ed1b00; border-left: #c5c5c5 1px solid;}
.partTwo .picNew .btnBox{ position: absolute; right: 0; bottom: 0; font-size: 0;}
.partTwo .picNew .btnBox .btn{ display: inline-block; width: 42px; height: 42px; background: #eeeeee; position: relative; margin-top: 0; top: 0; left: 0; font-size:14px;} 
.partTwo .picNew .btnBox .btn::before{content: ""; position: absolute; top: 15px; left: 15px; width: 10px; height: 10px; border-top: 1px #b0b0b0 solid; border-right: 1px #b0b0b0 solid; transform:rotate(45deg) ; -webkit-transform:rotate(45deg);}
.partTwo .picNew .btnBox .btn.swiper-button-prev::before{ transform:rotate(-135deg) ; -webkit-transform:rotate(-135deg); left: 17px;} 
.partTwo .picNew .btnBox .btn.swiper-button-next{background: #ed1b00;}
.partTwo .picNew .btnBox .btn.swiper-button-next::before{ border-color: #fff;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: initial;}

/*partThree*/
.indexTitle{ height: 70px; line-height: 70px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 30px;}
.indexTitle span{display: inline-block; font-size: 32px; color: #ed1b00; font-weight: bold; height: calc(100% - 2px); border-bottom: 3px #ed1b00 solid;}
.indexTitle .more{ font-size: 16px; color: #666666;}
.indexTitle .more img{ margin-right: 4px; position: relative; top: 2px; filter: grayscale(100); transition: 0.3s;}
.indexTitle .more:hover{ color: #ed1b00;}
.indexTitle .more:hover img{filter: initial; }

.partThree{ margin-top: 28px;}
.partThree .indexNews{ position: relative; overflow: hidden;}
.partThree .indexNews .btn{ display: none;}
.partThree .indexNews .list .item{ background: #fff; padding: 12px 26px; box-sizing: border-box;}
.partThree .indexNews .list .item:nth-child(2){animation-delay:0.5s;}
.partThree .indexNews .list .item:nth-child(3){animation-delay:1s;}
.partThree .indexNews .list .item .top{ display: block; border-bottom: 1px #f4f4f4 solid; padding-bottom: 16px;}
.partThree .indexNews .list .item .top .pic{ overflow: hidden;}
.partThree .indexNews .list .item .top .pic em{ display: block; padding-bottom: 58%;}
.partThree .indexNews .list .item .top .text h3{ font-size: 24px; color: #111111; height: 50px; line-height: 50px; font-weight: normal;}
.partThree .indexNews .list .item .top .text p{ font-size: 16px; color: #333333; line-height: 24px; height: 48px;}
.partThree .indexNews .list .item .top:hover .text h3{ color: #ed1b00;}
.partThree .indexNews .list .item .listUl li a{ display: block; padding: 20px 0; border-bottom:  1px #f4f4f4 solid;}
.partThree .indexNews .list .item .listUl li a .time{position: relative; width: 68px;}
.partThree .indexNews .list .item .listUl li a .time::after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 38px; background: #eeeeee; margin-top: -19px;}
.partThree .indexNews .list .item .listUl li a .time::before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 0; background: #ed1b00; margin-top: -19px; transition: 0.3s; -webkit-transition: 0.3s; z-index: 1;}
.partThree .indexNews .list .item .listUl li a .time span{display: inline-block; color: #999999; border-bottom: 1px #dcdcdc solid; padding-bottom: 2px; margin-bottom: 2px; transition: 0.3s; -webkit-transition: 0.3s;}
.partThree .indexNews .list .item .listUl li a .time span b{ font-size: 18px; color: #222222; font-weight: normal; transition: 0.3s; -webkit-transition: 0.3s;}
.partThree .indexNews .list .item .listUl li a .text{ width: calc(100% - 82px); font-size: 18px; color: #111111; line-height: 24px; height: 48px;}
.partThree .indexNews .list .item .listUl li:last-child a{ border-bottom: none; }
.partThree .indexNews .list .item .listUl li a:hover .text{ color: #ed1b00;}
.partThree .indexNews .list .item .listUl li a:hover .time::before{ height: 38px;}
.partThree .indexNews .list .item .listUl li a:hover .time span{ color: #ed1b00; border-color: #ed1b00;}
.partThree .indexNews .list .item .listUl li a:hover .time span b{ color: #ed1b00;}
.partThree .indexNews .list .item .listUl li a:hover .time i{ color: #ed1b00;}

/*part4*/
.indexBg{background: url(../images/indexBg.jpg) no-repeat center 0; margin-top: 40px; padding-top: 42px; position: relative; z-index: 2; }
.indexBg .partFour em{display: block; padding-bottom: 14.64%;}
.scaleBg{animation: scaleBg 1.2s ease-out; animation-delay: 0.6s; transform: scale(0); animation-fill-mode: forwards;}
@keyframes scaleBg{
	0%{transform: scale(0)}
	100%{transform: scale(1)}
}

/*part5*/
.partFive{background: #fff; padding: 12px 28px; margin-top: 28px;}
.partFive .indexBuild{ width: 41%; position: relative; overflow: hidden;}
.partFive .indexBuild .pic{height: 320px; overflow: hidden;}
.partFive .indexBuild .pic em{ display: block; height: 100%;}
.partFive .indexBuild .text .time{height: 52px; line-height: 52px; border-bottom: 1px #eeeeee solid; font-size: 20px; color: #333333;}
.partFive .indexBuild .text h3{ font-size: 24px; color: #111111; line-height: 36px; height: 72px; font-weight: normal; margin-top: 16px; padding-bottom: 16px; transition: 0.3s; -webkit-transition: 0.3s;}
.partFive .indexBuild .btn{ bottom: auto; top: 290px; text-align: right; padding-right: 10px; box-sizing: border-box;}
.swiper-pagination-bullet-active{background: #ed1b00;}
.partFive .indexBuild:hover .text h3{color: #ed1b00;}
.partFive .right{width: 56.6%;}
.partFive .right .time{ width: 68px; text-align: center;}
.partFive .right .time b{ font-size: 35px; color: #593e32; font-weight: bold;}
.partFive .right .time span{ font-size: 16px; color: #555555;}
.partFive .right .text{position: relative; width: calc(100% - 86px); padding-left: 28px; box-sizing: border-box; font-size: 20px; color: #111111; line-height: 28px; height: 56px; margin-top: 8px;}
.partFive .right .text::before{ content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 50px; background: #f3f3f3; margin-top: -25px;}
.partFive .right a{ display: block; padding-bottom: 16px; margin-bottom: 13px; border-bottom: 1px #e5e5e5 solid; transition: 0.3s;}
.partFive .right a:hover{ border-color: #ed1b00;}
.partFive .right a:hover .time b{ color: #ed1b00;}
.partFive .right a:hover .time span{ color: #ed1b00;}
.partFive .right a:hover .text{color: #ed1b00;}
.partFive .right ul li:last-child a{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

/*part6*/
.partSix{background: #fff; padding: 12px 28px 0 28px; margin-top: 28px;}

.partSix .box ul{ overflow: hidden;}
.partSix .box ul li{float: left; width: 47.6%; margin-bottom: 34px;}
.partSix .box ul li a{ display: block; overflow: hidden;}
.partSix .box ul li a .pic{ width: 165px; height: 126px; overflow: hidden;}
.partSix .box ul li a .pic em{ display: block; height: 100%;}
.partSix .box ul li a .text{ width: calc(100% - 184px);}
.partSix .box ul li a .text h3{ height: 20px; line-height: 20px; padding-bottom: 14px; border-bottom: 1px #eeeeee solid; font-size: 20px; color: #111111; font-weight: normal;}
.partSix .box ul li a .text p{ font-size: 16px; color: #333333; line-height: 24px; height: 48px; margin-top: 12px;}
.partSix .box ul li a .text .time{ color: #555555; overflow: hidden; margin-top: 10px;}
.partSix .box ul li a .text span{ float: right; transition: 0.3s;}
.partSix .box ul li:nth-child(2n){ float: right;}
.partSix .box ul li a:hover .text h3{color: #ed1b00; text-indent: 0.5em;}
.partSix .box ul li a .text span:hover{ color: #ed1b00;}

/*part7*/
.partSeven{ overflow: hidden; margin-top: 80px; }
.partSeven .left{width: calc(100% - 426px); background: #fff; padding: 12px 28px 0 28px; box-sizing: border-box;}
.partSeven .left .box{ position: relative; overflow: hidden;}
.partSeven .left .box ul li a{ display: block; overflow: hidden;}
.partSeven .left .box ul li a .pic{width: 56%; height: 304px; overflow: hidden;}
.partSeven .left .box ul li a .pic em{ display: block; height: 100%;}
.partSeven .left .box ul li a .text{ width: 41%;}
.partSeven .left .box ul li a .text h3{ font-size: 24px; color: #111; font-weight: normal; height: 72px; line-height: 36px;}
.partSeven .left .box ul li a .text p{ font-size: 16px; color: #333333; line-height: 28px; height: 84px; margin-top: 32px;}
.partSeven .left .box ul li a .text .time{ margin-top: 60px; overflow: hidden; line-height: 32px;}
.partSeven .left .box ul li a .text .time span{color: #555; display: inline-block; padding-right: 16px; transform: 0.3s;}
.partSeven .left .box ul li a .text .time .num{ float: right; }
.partSeven .left .box ul li a .text .time .num b{font-size: 24px; color: #ed1b00; font-weight: bold;}
.partSeven .left .box ul li a:hover .text h3{ color: #ed1b00;}
.partSeven .left .box ul li a .text .time span.more:hover{color: #ed1b00;}
.partSeven .left .box .btn{width: 41%;left: auto; right: 0; bottom: 0; display: flex; display: -webkit-flex; justify-content: space-between;}
.partSeven .left .box .btn span{ width: 13.8%; background: #d2d2d2; height: 2px; border-radius: 0; opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.partSeven .left .box .btn span.swiper-pagination-bullet-active{background: #ed1b00; width: 20%;}
.partSeven .left .list li a{display: block; height: 66px; line-height: 66px; overflow: hidden; border-bottom: 1px #f0f0f0 solid;}
.partSeven .left .list li a p{position: relative; float: left; width: calc(100% - 210px); font-size: 18px; color: #111111; height: 100%;}
.partSeven .left .list li a p::before{ content: ""; position: absolute; top: 50%; left: 0; height: 3px; width: 0; background: #ed1b00; transition: 0.3s; -webkit-transition: 0.3s;}
.partSeven .left .list li a i{ float: right; color: #555;}
.partSeven .left .list li:last-child a{border-bottom: none;}
.partSeven .left .list li a:hover p::before{ width: 15px;}
.partSeven .left .list li a:hover p{text-indent: 1.2em; color: #ed1b00;}

.partSeven .right{width: 396px; padding: 12px 28px 0 28px; background: #fff; box-sizing: border-box;}
.partSeven .right .list li{ margin-bottom: 26px;}
.partSeven .right .list li:last-child{ margin-bottom: 30px;}
.partSeven .right .list li h3{position: relative; height: 44px; line-height: 28px; font-size: 20px; color: #111111; padding-bottom: 14px; font-weight: normal; margin-bottom: 10px;}
.partSeven .right .list li h3::before{content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; background: #e5e5e5;}
.partSeven .right .list li h3::after{content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 3px; background: #ed1b00; transition: 0.3s; -webkit-transition: 0.3s;}
.partSeven .right .list li a{ display: block;}
.partSeven .right .list li a:hover h3{ color: #ed1b00;}
.partSeven .right .list li a:hover h3::after{ width: 36px;}


.popup-video{display: none;z-index: 13;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 800px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #009adc;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}
.video-js{position: static;width: 100%;height: auto;padding-top: 56.3%;}
.video-js .vjs-big-play-button{display: none;}


/*part8*/
.partEight{margin-top: 28px;}

/*part9*/
.partNine{ margin-top: 28px; overflow: hidden; }
.partNine .left{ width: 100%; background: #fff; padding: 12px 28px 0 28px; box-sizing: border-box;}
.partNine .left .indexKe{ overflow: hidden; position: relative; padding-bottom: 34px;}
.partNine .left .list{ overflow: hidden;}
.partNine .left .list li{ }
.partNine .left .list li .pic{height: 160px; overflow: hidden;}
.partNine .left .list li .pic em{ display: block; height: 100%;}
.partNine .left .list li h3{ font-size: 20px; color: #111111; line-height: 26px; height: 52px; font-weight: normal; margin-top: 10px;}
.partNine .left .list li a:hover h3{ color: #ed1b00;}
.partNine .left .list li:nth-child(3n){ margin-right: 0;}
.partNine .left .btn{ display: none;}
.partNine .right{width: 396px; padding: 12px 28px 0 28px; background: #fff; box-sizing: border-box;}

/*part10*/
.partTen{ margin-top: 28px; background: #fff; padding: 12px 28px 6px 28px; box-sizing: border-box;}
.partTen .indexSpecial{ position: relative; overflow: hidden; padding-bottom: 45px;}
.partTen .indexSpecial ul li a{ display: block; overflow: hidden;}
.partTen .indexSpecial ul li em{display: block; padding-bottom: 24.53%;}
.partTen .indexSpecial .btn span.swiper-pagination-bullet{width: 10px; height: 10px; transition: 0.3s; -webkit-transition: 0.3s;}
.partTen .indexSpecial .btn span.swiper-pagination-bullet-active{width: 38px; border-radius: 20px;}

/*友情链接*/
.link{margin-top: 28px; background: #fff; padding: 28px; box-sizing: border-box; }
.link .tit{ font-size: 32px; color: #ed1b00; font-weight: bold;}
.link .list{width: calc(100% - 160px); font-size: 0;}
.link .list .item{position: relative; display: inline-block; font-size: 14px; width: 20%; padding-left: 20px; box-sizing: border-box;}
.link .list .item::after{content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: #e5e5e5;}
.link .list .item::before{content: ""; position: absolute; right: 10px; top: 50%; width: 10px; height: 10px; margin-top: -8px; border-right: 1px #a4a4a4 solid; border-bottom: 1px #a4a4a4 solid; transform: rotate(45deg);}
.link .list .item span{ display: block; font-size: 20px; color: #555555; line-height: 42px; height: 42px; cursor: pointer; padding-right: 26px;}
.link .list .item ul{display: none; position: absolute; top: 42px; left: 0; width: 100%; border-radius: 4px; background: #fff; max-height: 200px; overflow-y: auto; z-index: 2; box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.link .list .item ul li{padding: 8px 4px; line-height: 24px; font-size: 16px; }
.link .list .item ul li a{display: block; color: #666; transition: 0.3s; -webkit-transition: 0.3s;}
.link .list .item ul li a:hover{ color: #ed1b00;}

/*尾部*/
.foot{background: url(../images/footBg.jpg) no-repeat center center; background-size: cover; margin-top: 28px; padding: 40px 0 60px; position: relative; z-index: 1;}
.foot .footNav{ font-size: 0; display: flex; display: -webkit-flex; justify-content: space-between; line-height: 64px; border-bottom: 1px #cacac6 solid;}
.foot .footNav a{ font-size: 20px; color: #222222; transition: 0.3s; -webkit-transition: 0.3s;}
.foot .footNav a:nth-child(2){animation-delay: 0.2;}
.foot .footNav a:nth-child(3){animation-delay: 0.4;}
.foot .footNav a:nth-child(4){animation-delay: 0.6;}
.foot .footNav a:nth-child(5){animation-delay: 0.8;}
.foot .footNav a:nth-child(6){animation-delay: 1;}
.foot .footNav a:nth-child(7){animation-delay: 1.2;}
.foot .footNav a:nth-child(8){animation-delay: 1.4;}
.foot .footNav a:nth-child(9){animation-delay: 1.6;}
.foot .footNav a:nth-child(10){animation-delay: 1.8;}
.foot .footNav a:nth-child(11){animation-delay: 2;}
.foot .footNav a:hover{color: #ed1b00;}
.foot .footText{position: relative; margin-top: 30px; padding-left: 66px;}
.foot .footText p{font-size: 18px; color: #222222; line-height: 30px;}
.foot .footText p span,.foot .footText p a{ display: inline-block; margin-right: 20px; transition: 0.3s; -webkit-transition: 0.3s;}
.foot .footText p a img{ position: relative; top: 3px;}
.foot .footText p a:hover{ color: #ed1b00;}
.foot .footText .blue{ position: absolute; top: 2px; left: 0;}

.fixedRight{position: fixed; right: -114px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 112px; background: #ffffff; text-align: center; padding-top: 16px; padding-bottom: 9px; z-index: 20; transition: 0.4s;}
.fixedRight .maImg{ width: 100%;  padding: 0 10px; box-sizing: border-box;}
.fixedRight p{ font-size: 16px; color: #444; border-bottom: 1px #e5e5e5 solid; padding-bottom: 10px; margin-bottom: 9px;}
.fixedRight .goTop{margin:  0 10px; background: #eeeeee; padding: 14px 0 10px 0; cursor: pointer; transition: 0.3s;}
.fixedRight .goTop:hover{background: #ed1b00;}

/*内页公用*/
.contentBox{margin-top: 56px; padding: 28px 30px; box-sizing: border-box; overflow: hidden;background: #fff url(../images/inpageBg.png) no-repeat left bottom;}
.contentBox .menu{float: left; width: 350px;}
.contentBox .menu .tit{ height: 100px; line-height: 100px; overflow: hidden; font-size: 30px; color: #fff; font-weight: bold; background: url(../images/menuBg.jpg) no-repeat center center; background-size: cover; text-align: center;}
.contentBox .menu .list{ background: linear-gradient(#fef9f9,#fff); min-height: 500px;}
.contentBox .menu .list li{position: relative; height: 80px; line-height: 80px; text-align: center; font-size: 20px; color: #333333; }
.contentBox .menu .list li a{display: block; height: 100%; transition: 0.3s; -webkit-transition: 0.3s;}
.contentBox .menu .list li a span{ position: relative; display: block; top: 50%; left: 0; width: 100%; line-height: 32px; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 30px; box-sizing: border-box;}
.contentBox .menu .list li a i{display: inline-block; width: 7px; height: 7px; background: #cf1800; border-radius: 50%; position: relative; top: -4px; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.contentBox .menu .list li::before{ content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: linear-gradient(90deg,#fef9f9,#dbdbdb,#fef9f9);}
.contentBox .menu .list li::after{ content: ""; position: absolute; bottom: 0; left: 50%; height: 1px; width: 0; background: linear-gradient(90deg,#fef9f9,#cf1901,#fef9f9); transition: 0.3s; -webkit-transition: 0.3s;}
.contentBox .menu .list li.on::after{left: 0; width: 100%;}
.contentBox .menu .list li.on a{ color: #cf1800; }
.contentBox .menu .list li.on a i{opacity: 1; margin-right: 18px;}
.contentBox .menu .list li:hover::after{left: 0; width: 100%;}
.contentBox .menu .list li:hover a{ color: #cf1800; }
.contentBox .menu .list li:hover a i{opacity: 1;margin-right: 18px;}
.contentBox .right{ float: right; width: calc(100% - 420px); padding-right: 40px; box-sizing: border-box;}
.contentBox .right.pageRight{ width: 100%; padding-left: 40px;}
.contentBox .clib{position: relative; height: 80px; line-height: 80px; margin-top: 16px;}
.contentBox .clib h3{ font-size: 28px; color: #cf1800; font-weight: bold; border-bottom: 4px #cf1800 solid; box-sizing: border-box;}
.contentBox .clib .list{ position: absolute; right: 0; bottom: 0; line-height: 80px; font-size: 16px; color: #555555;}
.contentBox .clib .list a{display: inline-block; font-size: 16px; color: #555555; margin-right: 5px; transition: 0.3s; -webkit-transition: 0.3s;}
.contentBox .clib .list a.on{color: #cf1800;}
.contentBox .clib .list a:hover{color: #cf1800;}
.contentBox .clib .list img{ position: relative; top: 2px; margin-right: 4px;}
.content{ margin-top: 36px; }

/*单页*/
.content .inpageWord{ font-size: 18px; color: #111111; line-height: 36px; text-align: justify;}
.content .inpageWord img{ max-width: 100%; max-height: 100%; height: auto;}

/*现任领导*/
.leaderList li{border: 1px #eeeeee solid;  margin-bottom: 46px; transition: 0.4s; -webkit-transition: 0.4s;}
.leaderList li a{ display: block; overflow: hidden; padding: 14px; box-sizing: border-box;}
.leaderList li a .pic{position: relative; width: 186px; height: 245px; background: #e5e5e5;}
.leaderList li a .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.leaderList li a .text{ width: calc(100% - 224px); padding-right: 20px; box-sizing: border-box;}
.leaderList li a .text h3{height: 46px; line-height: 46px; border-bottom: 1px #e5e5e5 solid; font-size: 20px; color: #cf1800;}
.leaderList li a .text h4{ font-size: 16px; color: #444444; line-height: 24px; height: 48px; margin-top: 12px; font-weight: normal;}
.leaderList li a .text p{ font-size: 16px; color: #111111; line-height: 34px; height: 68px;}
.inpageMore{position: relative; display: inline-block; background: #eeeeee; height: 42px; line-height: 42px; padding: 0 40px; margin-top: 28px; font-size: 14px; color: #3d3d3d; transition: 0.4s; -webkit-transition: 0.4s;}
.inpageMore::before{ content: ""; position: absolute; right: -42px; top: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px #e5e5e5 solid; box-sizing: border-box; border-left: none; transition: 0.4s; -webkit-transition: 0.4s;}
.inpageMore::after{ content: ""; position: absolute; top: 50%; margin-top: -10px; right: -32px; width: 20px; height: 20px; background: url(../images/next.png) no-repeat 0 0; }
.inpageMore:hover::before{ border-color: #cf1800;}
.inpageMore:hover::after{  background: url(../images/next_red.png) no-repeat 0 0;}
.inpageMore:hover{background: #cf1800; color: #fff;}
.leaderList li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}

/*机构设置*/
.organ .organTit{ font-size: 28px; color: #111111; text-align: center; padding: 30px 0;}
.organ .list .item{ text-align: center; padding: 30px 0;}
.organ .list .item:nth-child(2n+1){ background: #f9f9f9;}
.organ .list .item h3{position: relative; font-size: 24px; color: #cf1800; padding-bottom: 18px; margin-bottom: 18px;}
.organ .list .item h3::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 30px; height: 3px; background: #cf1800; margin-left: -15px;}
.organ .list .item p{ font-size: 18px; color: #111111; line-height: 30px;}

/*地理位置*/
.contact{ padding-bottom: 20px;}
.contact .list{ display: table; width: 100%;}
.contact .list li{ display: table-cell; min-width: 20%;}
.contact .list li .text{ display: inline-block; padding-left: 12px;}
.contact .list li .text h3{ font-size: 18px; color: #111111; font-weight: normal; padding-top: 6px;}
.contact .list li .text p{ font-size: 16px; color: #111111; margin-top: 4px;}
.contact .map{ height: 476px; margin-top: 44px;}
.contact .map iframe{ width: 100%; height: 100%; border: 1px #eee solid;}

/*新闻列表*/
.newTop a{ display: block;}
.newTop a .pic{ width: 43%; height: 216px; overflow: hidden;}
.newTop a .pic em{display: block; height: 100%;}
.newTop a .text{ width: 54%;}
.newTop a .text h3{font-size: 20px; color: #111; line-height: 30px; border-bottom: 1px #e5e5e5 solid; padding-bottom: 14px;}
.newTop a .text p{font-size: 16px; color: #111; line-height: 28px; height: 56px; margin-top: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newTop a:hover .text h3{ color: #cf1800;}
.newTop .inpageMore{ margin-top: 28px;}
.newList{ margin-top: 37px;}
.newList li{ margin-bottom: 36px;}
.newList li a{ display: block; background: #fbfafa; padding: 16px; transition: 0.3s; -webkit-transition: 0.3s;}
.newList li a .pic{ width: 170px; height: 106px; }
.newList li a .pic em{ display: block; height: 100%;}
.newList li a .text{ width: calc(100% - 195px);}
.newList li a .text.length{ width: 100%;}
.newList li a .text h3{ height: 30px; line-height: 30px; border-bottom: 1px #e5e5e5 solid; font-size: 18px; color: #000; font-weight: normal;}
.newList li a .text p{font-size: 14px; color: #666; line-height: 24px; height: 48px; margin-top: 6px; }
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
.newList li a .text .time{ font-size: 14px; color: #222222; margin-top: 4px;}
.newList li a .text .time span{ color: #999999; display: inline-block; margin-left: 10px;}
.newList li a:hover{background: none; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.newList li a:hover .text h3{ color: #cf1800;}
.newList li a:hover .text .time{ color: #cf1800;}
.newList li a:hover .text span{ color: #cf1800;}

/*页码*/
.page{ text-align: center; padding: 30px 0;}
.page a{ display: inline-block; height: 38px; line-height: 38px; padding: 0 16px; border: 1px #dddddd solid; box-sizing: border-box; margin: 0 2px; transition: 0.3s;}
.page input{position: relative; top: -1px; width: 50px; border: 1px #dddddd solid; box-sizing: border-box;height: 38px; line-height: 38px; margin: 0 2px; text-align: center;}
.page a.on{background: #cf1800; color: #fff; border-color: #cf1800;}
.page a:hover{background: #cf1800; color: #fff; border-color: #cf1800;}

/*新闻详情*/
.newTitle{ margin-bottom: 34px;}
.newTitle h3{ font-size: 28px; color: #cf1800; font-weight: bold; padding: 34px 0; text-align: center;}
.newTitle .tit{ overflow: hidden; padding-top: 14px; border-top: 1px #eeeeee solid;}
.newTitle .tit span{ font-size: 14px; color: #555555; padding-right: 16px; display: inline-block;}
.newTitle .tit em{ color: #555; cursor: pointer;}
.newTitle .tit em.fontSizeBig{ display: none;}
.newTitle .tit em img{position: relative; top: 3px; margin-left: 6px;}
.wordBottom{ border-bottom: 1px #eeeeee solid; padding-bottom: 14px; margin-top: 30px;}
.bshare-custom{ float: right;}
.bshare-custom a{ width: 27px !important; height: 27px !important; padding: 0 !important; border-radius: 4px; transition: 0.3s;}
.bshare-custom a.bshare-weixin{background: #22ac38 url(../images/icon_weixin_20_white.png) no-repeat 3px 3px;}
.bshare-custom a.bshare-sinaminiblog{background: #ff9b39 url(../images/icon_weibo_20_white.png) no-repeat 3px 3px;}
.bshare-custom a.bshare-qqim{background: #ef5f47 url(../images/icon_qq_20_white.png) no-repeat 3px 3px;}
.other-links{ padding-top: 10px;}
.other-links p{ margin-top: 14px; font-size: 16px; color: #666666;}
.other-links p a{color: #666666;}
.other-links p a:hover{ color: #cf1800;}

/*学院风采*/
.picList{ overflow: hidden;}
.picList li{float: left; width: 30.5%; margin-right: 4.25%; margin-bottom: 35px;}
.picList li:nth-child(3n){ margin-right: 0;}
.picList li a{ display: block;}
.picList li .pic{ overflow: hidden;}
.picList li .pic em{ display: block; padding-bottom: 65%;}
.picList li .text{background: #faf8f8; padding: 10px 16px;font-size: 16px; color: #000000; line-height: 26px; height: 52px;}
.picList li a:hover .text{color: #cf1800;}

.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background: rgba(0,0,0,0.6);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}

/*通知*/
.noticeList ul{border-top: 1px #e5e5e5 solid; padding-bottom: 28px;}
.noticeList ul li{border-bottom: 1px #e5e5e5 solid;}
.noticeList ul li a{ display: block; overflow: hidden; padding: 20px 0;}
.noticeList ul li a .time{ float: left; width: 100px; text-align: center; font-family: arial;}
.noticeList ul li a .time b{ font-size: 35px; color: #593e32; font-weight: bold; display: block; line-height: 46px;}
.noticeList ul li a .time span{ font-size: 16px; color: #555555;}
.noticeList ul li a .text{ position: relative; float: right; width: calc(100% - 104px); line-height: 66px; height: 66px;  font-size: 20px; color: #111111; padding-left: 26px; box-sizing: border-box;}
.noticeList ul li a .text::before{ content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 54px; background: #f3f3f3; margin-top: -27px;}
.noticeList ul li a:hover .time b{ color: #cf1800;}
.noticeList ul li a:hover .time span{ color: #cf1800;}
.noticeList ul li a:hover .text{ color: #cf1800; text-indent: 0.5em;}

/*专题教育*/
.specialList ul{ overflow: hidden;}
.specialList ul li{float: left; width: 49.6%; margin-bottom: 23px;}
.specialList ul li a{ display: block; overflow: hidden;}
.specialList ul li a em{ display: block; padding-bottom: 24.53%;}
.specialList ul li:nth-child(2n){ float: right;}



@media screen and (max-width: 1430px){
	/*首页*/
	.nav-box .nav > li > a{ padding: 0 33px;}
}



@media screen and (max-width: 1365px){
	/*首页*/
	.nav-box .nav > li > a{ padding: 0 30px; font-size: 19px;}
}

@media screen and (max-width: 1200px){
	/*首页*/
	.menu-btn{ display: block;}
	.nav-box{ display: none;}
	.header{position: fixed; top: 0; left: 0; width: 100%; height: 150px; z-index: 12; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
	.logo .cn span{ font-size: 28px;}
	.logo .en{ font-size: 14px; letter-spacing: 2px;}
	.logo .cnTwo{ margin-top: 4px;}
	.logo .enTwo{letter-spacing: 0.04rem;}
	.header .logoWord img{ margin: 0 8px; width: 70px;}
	
	.partOne{ margin-top: 180px;}
	
	.fixedRight{ width: 50px; padding: 0;}
	.fixedRight .maImg{ display: none;}
	.fixedRight p{ display: none;}
	.fixedRight .goTop{ margin: 0; background: #ed1b00;}
	.fixedRight .goTop img{ filter: brightness(100) invert(0);}
	
	/*内页公用*/
	.inpageBox{padding-top: 150px;}
	/*新闻列表*/
	.newTop a .text h3{ padding-bottom: 0;}
	.newTop a .text p{height: 56px; -webkit-line-clamp: 2;}
	
	.indexFixed{ display: none;}
}


@media screen and (max-width: 1023px){
	.header .logoWord{ left: 58%;}
	.header .logoWord img{ width: 56px;}
	.partOne{ height: 64px; line-height: 64px;}
	.partOne .box .notice-icon{ width: 24px; margin-top: -12px;}
	.partOne .box .textBox{ width: calc(100% - 80px);}
	.partOne .textBox ul li h2{ font-size: 24px;}
	.partTwo .picNew ul li .pic{height: 260px;}
	.partTwo .picNew ul li .text h3{ height: 50px; line-height: 50px; font-size: 24px;}
	.partTwo .picNew ul li .text p{ font-size: 16px; line-height: 24px; height: 96px;}
	.partTwo .picNew ul li .text .time{ margin-top: 10px;}
	.partThree .indexNews{ padding-bottom: 30px;}
	.partThree .indexNews .btn{ display: block; bottom: 0;}
	.partThree .indexNews .list .item .listUl{ height: 90px; overflow: hidden;}
	.indexBg{ margin-top: 20px;}
	.partFive .indexBuild .text h3{ font-size: 18px; padding-bottom: 0;}
	.partSix .box ul li a .text .time{ font-size: 12px;}
	.partSeven .left{ width: 100%;}
	.partSeven .right{ width: 100%; margin-top: 20px;}
	.partSeven .right .list .item{ float: left; width: 48%;}
	.partSeven .right .list .item:nth-child(2n){ float: right; }
	.partNine .left .btn{ display: block;}
	.partNine .left .indexKe{ padding-bottom: 30px;}
	.link .list .item{ width: 50%;}
	.foot .footNav{ display: none;}
	
	/*内页公用*/
	.contentBox{ padding: 12px;}
	.contentBox .menu{width: 100%; display: none;}
	.contentBox .menu .tit{ display: none;}
	.contentBox .menu .list{ text-align: center; min-height: auto;}
	.contentBox .menu .list li{ display: inline-block; margin: 0 6px;}
	.contentBox .menu .list li::before{ display: none;}
	.contentBox .menu .list li::after{ display: none;}
	.contentBox .menu .list li a i{ display: none;}
	.contentBox .right{ width: 100%; padding-right: 0;}
	.contentBox .right.pageRight{ padding-left: 0;}
	/*学院风采*/
	.picList li .text{ padding: 0 10px;}
	
}


@media screen and (max-width: 767px){
	.header{ height: 80px;}
	.logo .cn span{ font-size: 16px;}
	.logo .en{ font-size: 8px;}
	.header .logoWord{ left: 66%;}
	.header .logoWord img{ width: 34px;}
	.partOne{ margin-top: 96px; height: 54px; line-height: 54px;}
	.partOne .box .notice-icon{ padding-left: 12px;}
	.partOne .box .textBox{ width: calc(100% - 50px);}
	.partOne .textBox ul li h2{ font-size: 18px; padding-right: 80px;}
	.partOne .textBox ul li .time b{ font-size: 16px;}
	.partOne .textBox ul li .time::before{left: -8px; height: 20px; margin-top: -10px;}
	.partTwo{ margin-top: 16px; padding: 10px;}
	.partTwo .picNew ul li .pic{ width: 100%; height: 210px;}
	.partTwo .picNew ul li .text{ width: 100%;}
	.partTwo .picNew ul li .text h3{ font-size: 18px;}
	.indexTitle{line-height: 46px; height: 46px;}
	.indexTitle span{ font-size: 22px;}
	.partThree .indexNews .list .item{ padding: 10px;}
	.partThree .indexNews .list .item .top .text h3{ font-size: 18px; height: 42px; line-height: 42px;}
	.partThree .indexNews .list .item .listUl li a .text{ font-size: 16px;}
	.indexBg{ padding-top: 24px;}
	.indexBg .partFour em{ padding-bottom: 20%;}
	.partFive{ margin-top: 16px; padding: 10px;}
	.partFive .indexBuild{ width: 100%;}
	.partFive .indexBuild .pic{ height: 204px;}
	.partFive .indexBuild .text .time{ height: 40px; line-height: 40px; font-size: 16px;}
	.partFive .indexBuild .text h3{ font-size: 16px; margin-top: 6px; line-height: 24px; height: 48px;}
	.partFive .indexBuild .btn{ top: 176px;}
	.partFive .right{ width: 100%; margin-top: 16px;}
	.partFive .right .text{ font-size: 16px; width: calc(100% - 76px); padding-left: 16px;}
	.partFive .right .time b{ font-size: 26px;}
	.partFive .right .time span{ font-size: 14px;}
	.partSix{padding: 10px; margin-top: 16px;}
	.partSix .box ul li{ width: 100%; margin-bottom: 16px;}
	.partSix .box ul li a .pic{ width: 130px; height: 92px;}
	.partSix .box ul li a .text{ width: calc(100% - 140px);}
	.partSix .box ul li a .text h3{ font-size: 16px; padding-bottom: 6px;}
	.partSix .box ul li a .text p{ margin-top: 6px; font-size: 14px; height: 24px; -webkit-line-clamp: 1;}
	.partSeven{ margin-top: 16px;}
	.partSeven .left{ padding: 10px;}
	.partSeven .left .box ul li a .pic{ width: 100%; height: 200px;}
	.partSeven .left .box ul li a .text{ width: 100%;}
	.partSeven .left .box ul li a .text h3{ font-size: 18px; line-height: 26px; height: 52px;}
	.partSeven .left .box ul li a .text p{ margin-top: 10px;}
	.partSeven .left .box ul li a .text p{ margin-top: 10px;}
	.partSeven .left .box ul li a .text .time{ margin-top: 10px;}
	.partSeven .left .list li a{ height: 48px; line-height: 48px;}
	.partSeven .left .list li a p{width: calc(100% - 90px); font-size: 16px;}
	.partSeven .right{ padding: 10px;}
	.partSeven .right .list .item{ width: 100%;}
	.partSeven .right .list .item h3{ font-size: 16px; max-height: 56px; height: auto;}
	.partEight{ margin-top: 16px;}
	.partNine{ margin-top: 16px;}
	.partNine .left{ width: 100%; padding: 10px;}
	.partNine .left .list li h3{font-size: 16px; max-height: 52px; height: auto;}
	.partNine .right{ width: 100%; padding: 10px;}
	.partNine .right .list li h3{ font-size: 16px;}
	.partNine .right .list li{margin-bottom: 10px;}
	.partTen{ padding: 10px;}
	.link{padding: 10px;}
	.link .tit{ font-size: 24px;}
	.link .list{width: 100%; margin-top: 10px;}
	.link .list .item{ padding-left: 0; width: 48%;}
	.link .list .item:nth-child(2n){ float: right;}
	.link .list .item span{ font-size: 16px;}
	.foot{ padding: 20px 0;}
	.foot .footText{ margin-top: 0;}
	.foot .footText p{ font-size: 14px; line-height: 26px;}
	
	/*内页公用*/
	.inpageBox{ padding-top: 80px;}
	.contentBox{ margin-top: 16px;}
	.contentBox .clib{ margin-top: 0; height: auto; line-height: 26px; margin-bottom: 14px;}
	.contentBox .clib h3{ font-size: 20px; border-bottom: 1px #cf1800 solid;  padding-bottom: 10px;}
	.contentBox .clib .list{ display: none;}
	.content{ margin-top: 16px;}
	.content .inpageWord{ font-size: 15px; line-height: 26px;}
	
	/*现任领导*/
	.leaderList li a .pic{ float: initial; margin: 0 auto;}
	.leaderList li a .text{ width: 100%; padding-right: 0;}
	.leaderList li a .text h4{ font-size: 15px; height: auto; max-height: 52px;}
	.leaderList li a .text p{ font-size: 15px; line-height: 26px; height: auto; max-height: 52px; margin-top: 6px;}
	.inpageMore{ margin-top: 10px;}
	/*机构设置*/
	.organ .organTit{ font-size: 18px; padding: 0 0 10px 0;}
	.organ .list .item{ padding: 12px 0;}
	.organ .list .item h3{ font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
	.organ .list .item p{ font-size: 14px; line-height: 26px;}
	
	/*地理位置*/
	.contact .list{ display: block;}
	.contact .list li{ display: block; overflow: hidden; margin-bottom: 12px;}
	.contact .map{ margin-top: 20px; height: 300px;}
	
	/*新闻列表*/
	.newTop a .pic{ width: 100%; height: 188px;}
	.newTop a .text{ width: 100%; margin-top: 10px;}
	.newTop a .text h3{ font-size: 16px; line-height: 26px; height: 52px;}
	.newTop a .text p{ margin-top: 6px; line-height: 24px; height: 48px; font-size: 14px;}
	.newTop .inpageMore{ margin-top: 12px;}
	.newList{ margin-top: 20px;}
	.newList li{ margin-bottom: 14px;}
	.newList li a .pic{ width: 110px; height: 80px;}
	.newList li a .text{ width: calc(100% - 130px);}
	.newList li a .text p{ display: none;}
	.newList li a .text h3{height: 52px; font-size: 16px; line-height: 26px; border-bottom: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: initial;}
	
	/*页码*/
	.page{ padding: 10px 0;}
	.page a,.page span,.page input{ display: none;}
	.page .btn{ display: inline-block;}
	
	/*新闻详情*/
	.newTitle{ margin-bottom: 16px;}
	.newTitle h3{ font-size: 18px; padding: 10px 0;}
	.newTitle .tit em{ display: block; width: 100%; margin-top: 6px;}
	/*学院风采*/
	.picList li{ width: 48%; margin-right: 0; margin-bottom: 14px;}
	.picList li:nth-child(2n){ float: right;}
	.picList li .text{ padding: 0 10px; font-size: 14px; line-height: 22px; height:44px;}
	/*通知*/
	.noticeList ul{ padding-bottom: 10px;}
	.noticeList ul li a{ padding: 12px 0;}
	.noticeList ul li a .time{ width: 60px;}
	.noticeList ul li a .time span{ font-size: 14px;}
	.noticeList ul li a .time b{ font-size: 28px; line-height: 30px;}
	.noticeList ul li a .text{ width: calc(100% - 64px); height: 46px; line-height: 46px; padding-left: 10px; font-size: 16px;} 
	/*专题教育*/
	.specialList ul li{ width: 100%; margin-bottom: 12px;}
}










